@baseWidth: 720;
.px2rem(@atr,@px,@base-width:0) when( @base-width > 0){
	@{atr}: unit(@px*10/@base-width , rem);
}

.px2rem(@atr,@px,@base-width:0) when( @base-width = 0){
	@{atr}: unit(@px*10/@baseWidth , rem);
}

.Items{
    
    .item{
        .px2rem(padding, 8);
        background-color: #fff;
        border-bottom: 1px solid #f5f2f2;
        strong{
            position: relative;
            display: block;
            color: #000;
            font-weight: normal;
            .px2rem(font-size, 22);
            .px2rem(line-height, 42);
            .px2rem(padding-left, 18);
            &:before{
                position: absolute;
                left: 0;
                top: 50%;
                content: "";
                .px2rem(margin-top, -5);
                .px2rem(width, 10);
                .px2rem(height, 10);
                background-color: #4482ff;
                border-radius: 50%;
            }
            &.alarming::before{
                background-color: #f00;
            }
        }
        .list{
            span{
                display: inline-block;
                width: 50%;
                color: #333;
                white-space: nowrap;
                text-overflow: ellipsis;
                .px2rem(line-height, 32);
                label{
                    color: #666;
                }
            }
        }
    }
    
}